.xueli-wrap .xueli-item p.trans {transition:all .3s;backface-visibility: hidden;}
.xueli-title{text-align: center;padding: 120px 0 60px 0;}
.xueli-wrap{font-size: 0;padding: 20px 20px 50px 20px;}
.xueli-wrap > div{display: inline-block;padding: 10px;}
.xueli-wrap .xueli-item{width:100%;height:270px;box-shadow:0 3px 18px 0 rgba(0, 0, 0, 0.2);color: #fff;text-align: center;position: relative;overflow: hidden;}
.xueli-wrap .xueli-item span{padding: 70px 0 10px;display: inline-block;}
.xueli-wrap .xueli-item .iconfont{font-size: 48px;margin-top: 20px;}
.xueli-wrap .xueli-item h3{font-size: 18px;padding: 25px 0}
.xueli-wrap .xueli-item p{width:100%;height:270px;font-size: 16px;padding:70px 40px 0px 40px;text-align: left;position: absolute;left:100%;top:100%;background: rgba(255,255,255,.9);color:#000;line-height: 24px;}
/* .banner .images li{height: 530px;background-position: center center;background-size: cover;}
.banner .images li:nth-child(1){background: url(../images/indexbanner1.jpg) no-repeat;}
.banner .images li:nth-child(2){background: url(../images/indexbanner2.jpg) no-repeat;}
.banner .images li:nth-child(3){background: url(../images/indexbanner3.jpg) no-repeat;} */

.developer-con {padding: 45px 10px 45px;background: rgba(0, 0, 0, 0) url(../images/bg-red.png) no-repeat scroll -1% center / 44% auto;text-align: left;}
.developer-inner {box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 10px;background: #fff;}
.developer-tit {margin-bottom: 30px;}
.developer-tit h3 {padding-top:30px;padding-bottom: 10px;text-indent: 8px;text-align: left;color: #333;font-weight: 400;line-height: 1.5;font-size: 24px;}
.developer-box {padding: 0 10px;}
.developer-list {margin-left: -40px;margin-right: -40px;font-size: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.developer-list-item {display: inline-block;font-size: 14px;vertical-align: top;}
.developer-list-item dl{box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.2);margin-top:20px;}
.group-title {padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;padding-top: 20px;}
.group-title a,.group-header {display: block;position: relative;font-size: 18px;line-height: 32px;color: #000;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.group-title a:hover {color: #00d299;}
.group-header i {font-size: 18px;padding-right: 5px;padding-left: 20px;}
.group-content-item {display: block;padding: 15px 0;border-bottom: 1px solid #f2f2f2;color: #000;}
.group-content-item p {line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #666;padding: 0 15px;}
.group-content-item:hover p {color: #00d299;}
.group-content-info {margin-top: 10px;color: #666;line-height: 16px;font-size: 0;}
.group-content-info>li>i {margin-right: 8px;padding-left:20px;}
.group-content-info li {display: inline-block;vertical-align: middle;margin-left: 0;font-size: 14px;color: #aeabab}
.group-content-info .group-li {margin-left: 20px;}

.banner .prev,.banner .next{color: #fff}
.banner:hover .icon-prev:before, .banner:hover .icon-next:before{background: none;color: rgba(0,0,0,.5)}
.banner-active{background: #00d299!important;}
.section-title {
    margin: 0 0 41px;
text-align: center;
}
.section-title .title {font-size: 36px;line-height: 40px;margin: 0 0 16px;
}
.section-title .text {margin: 0;font-size: 14px;
}
.pricing-area .row{text-align: center;}
	.pricing-area {background: rgba(0, 0, 0, 0) url("../images/bg-dark.png") no-repeat scroll calc(100%) center / 44% auto;padding: 84px 0 90px;
}

.single-pricing {background: #ffffff none repeat scroll 0 0;border-radius: 5px;-webkit-box-shadow: 0 3px 29px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 3px 29px 0 rgba(0, 0, 0, 0.2);margin: 0 0 30px;padding: 35px 0;text-align: center;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}

.single-pricing:hover {-webkit-box-shadow: 0px 3px 29px 0px rgba(35, 121, 238, 0.25);box-shadow: 0px 3px 29px 0px rgba(35, 121, 238, 0.25);
}

.single-pricing .icon {background: rgba(0, 0, 0, 0) url("../images/pricing-bg.png") no-repeat scroll center 0 / contain;margin: 0 0 24px;padding: 70px 0 40px;
}

.single-pricing .icon i {color: #0086c4;display: inline-block;font-size: 38px;line-height: 42px;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;
}

.single-pricing:hover .icon i {color: #00d29b;
}

.single-pricing .name {font-size: 24px;line-height: 28px;margin: 0 0 6px;position: relative;text-transform: uppercase;
}

.single-pricing .name::before,
.single-pricing .name::after {background: #ebebeb none repeat scroll 0 0;bottom: -1px;content: "";height: 2px;left: 0;position: absolute;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 80px;
}

.single-pricing .name::after {left: auto;right: 0;
}

.single-pricing:hover .name::before,
.single-pricing:hover .name::after {background: #2379ee none repeat scroll 0 0;
}

.single-pricing .type {font-size: 18px;font-weight: 500;line-height: 22px;margin: 0 0 14px;
}

.single-pricing .list {list-style: outside none none;margin: 0 0 14px;padding: 0;
}

.single-pricing .list li {color: #393939;display: block;font-size: 15px;letter-spacing: 0;line-height: 28px;
}

.single-pricing .list li span {color: #1277d6;
}

.single-pricing .list li span {color: #1277d6;
}

.single-pricing .price {font-size: 36px;font-weight: 900;line-height: 40px;margin: 0 0 23px;
}

.single-pricing .price .dollar {font-size: 18px;font-weight: 600;line-height: 28px;
}

.single-pricing .price .durration {font-size: 24px;font-weight: 600;line-height: 28px;
}

.single-pricing .button {background: #00d299 none repeat scroll 0 0;border-radius: 25px;color: #ffffff;display: inline-block;font-family: "Raleway", sans-serif;font-size: 18px;font-weight: 500;letter-spacing: 0;line-height: 28px;padding: 11px 54px;position: relative;text-transform: uppercase;z-index: 2;
}

.single-pricing .button::before {background-image: linear-gradient(0deg, rgb(35, 161, 215) 11%, rgb(0, 210, 153) 100%);border-radius: 25px;content: "";height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: all 0.3s ease 0s;width: 100%;z-index: -1;
}

.single-pricing .button:hover::before {opacity: 1;
}
.bg-with-black{position: relative;}
.bg-with-black::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.video-area {background: rgba(0, 0, 0, 0) url("../images/video_bg.jpg") no-repeat;background-size:cover;background-position:bottom;padding: 295px 0 293px;
}

.video-area::before {opacity: 0.5;
}

.video {text-align: center;
}

.video .popup-youtube {border: 2px solid;border-radius: 100%;color: #ffffff;display: inline-block;font-size: 32px;height: 82px;line-height: 80px;width: 82px;
}
.video .popup-youtube:hover{color: #00d299;}
.video .popup-youtube .iconfont{font-size: 40px;}

.video .title {color: #ffffff;font-size: 40px;font-style: italic;font-weight: 600;line-height: 50px;margin: 27px 0 0;
}

.purchase-area {background: #0086c4 none repeat scroll 0 0;
}

.purchase {padding: 50px 0;
}

.purchase .link {border-radius: 30px;border-width: 2px;font-size: 18px;height: 60px;line-height: 34px;text-align: center;width: 240px;
}


.container.gallery-container {
    color: #35373a;
    min-height: 100vh;
    padding: 30px 50px;
}

.gallery-container h1 {
    text-align: center;
    margin-top: 50px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 25px auto;
    font-size: 18px;
    color: #999;
}

.tz-gallery {
    padding: 40px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 2px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    content: '\e743';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(46, 132, 206, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}





@media (max-width: 768px){
    .prev,.next {width:50px;}
}
@media (max-width: 1200px){.tabs-detail .item h2{margin-top: 40px;}}
@media (max-width: 768px){
    .video-area{padding: 100px 0 100px;}
    .navbar-nav {float: none;}
    .navbar-brand{padding: 7px 0 7px 10px;}
    .nav-top>div>div:first-child{float: left;padding-left: 5px;}
    .nav-top>div>div:last-child{float: right;padding-right: 10px;}
    .prev,.next {width:50px;}
    .images>li>a>img{transform: scale(1.3)}
    .tabs-ul{width: 100%;margin: 0 auto;}
    .tabs-detail .item p{width: 80%;}
    .tabs-detail .item h2{margin-top: 60px;}
    .tabs-content{height:550px;}
    .developer-tit h3{color: #112032}
    .xueli-title img{width: 90%;}
    .xueli-wrap>div:last-child{display: none;}
    .xueli-wrap .xueli-item{height: 200px}
    .xueli-wrap .xueli-item span{padding: 40px 0 0 0;}
    .xueli-wrap .xueli-item h3{padding: 20px 10px}
    .xueli-wrap .xueli-item p{width:100%;padding: 5px;height: 200px;overflow: hidden;}
    .developer-inner{width: 94%;}
}	